<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
   <link rel="stylesheet" href="./css/reset.css">
   <link rel="stylesheet" href="./css/login.css">
   <script src="./js/jquery.js"></script>
   <script src="./js/index.js"></script>
   <script src="./js/gotop.js"></script>
   <script src="./js/top.js"></script>
   <script src="./js/jquery.lazyload.js"></script>
   <script src="./js/js.cookie.js"></script>
   <script src="./js/click.js"></script>


</head>

<body>
   <!-- // 头部导航 -->
   <header>
      <div class="header1">
         <div class="headerbx">
            <div class="logo"><img src="images/index/logo.svg" alt=""></div>
            <!-- 导航栏标题 -->
            <div class="header-con">
               <div class="he-con1 ">所有商品
                  <div class="nav">
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                  </div>
               </div>
               <div class="he-con2">篮球
                  <div class="nav1">
                     <ul>
                        <h2>鞋类</h2>
                        <li>专业篮球鞋 </li>
                        <li>明星篮球鞋</li>
                        <li> 外场篮球鞋 </li>
                     </ul>
                     <ul>
                        <h2>服装 </h2>
                        <li>篮球套服</li>
                        <li>跑步鞋</li>
                        <li>上衣 </li>
                     </ul>
                     <ul>
                        <h2>科技</h2>
                        <li> 三级缓震 </li>
                        <li> 梯度双能 </li>
                        <li> 足弓TPU</li>
                        <li> 易弯折系统</li>
                        <li>轻质橡胶</li>
                     </ul>
                  </div>
               </div>
               <div class="he-con3">跑步
                  <div class="nav2">
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                     <ul>
                        <h2>男鞋</h2>
                        <li>篮球鞋</li>
                        <li>跑步鞋</li>
                        <li>板鞋</li>
                        <li>休闲鞋</li>
                        <li>网球鞋 </li>
                        <li>户外鞋棉</li>
                     </ul>
                  </div>
               </div>
               <div class="he-con4">新品
                  <div class="nav3"></div>
               </div>
               <div class="he-con5">企业团购
                  <div class="nav4"></div>
               </div>
               <div class="he-con6">大码鞋
                  <div class="nav5"></div>
               </div>
               <div class="he-con7">态极
                  <div class="nav6"></div>
               </div>
               <div class="he-con7">秒杀
                  <div class="nav7"></div>
               </div>
            </div>
            <div class="header-ri">
               <div class="header-ri-top">
                  <ul>
                     <li><a href="" class="user-btn1">请登入</a>|</li>
                     <li><a href="" class="user-btn2">购物车(<span>0</span> )</a>|</li>
                     <li><a href="">我的订单</a>|</li>
                     <li><a href="">网站导航</a>|</li>
                     <li><a href="">联系客服</a>|</li>
                     <li><a href=""><img src="images/index/icon_phone.png" alt="">手机版</a></li>
                  </ul>
               </div>
               <div class="header-ri-bott">
                  <input type="text" placeholder="">
                  <p href=""><img src="images/index/icon-seach.png" alt=""></p>
               </div>
            </div>
         </div>
      </div>


   </header>

   <!-- main start -->
   <main>
      <div class="banner">
         <div class="bannerbx">
            <div class="content">
               <div class="c-lift">
                  <ul>
                     <li>已有账号登录</li>
                     <li><a class="enter">登录你的匹克账户</a><img src="images/reigster/login-icon1.png" alt="" srcset="">
                     </li>
                     <li><img src="images/index/pximg/foot-qrcode.jpg" alt=""> </li>
                     <li> 匹克官方网店微信公众号</li>
                     <li> 关注不一样的运动商城</li>
                  </ul>
               </div>
               <div class="c-right">
                  <form>
                     <h3>欢迎使用匹克会员！</h3>
                     <p><input name="uname" placeholder="手机号码"  class="top"><span></span></p>
                     <p><input name="auth" placeholder="请输入验证码"><span class="verification"></span></p>
                     <p>
                        <input name="upwd" placeholder="请输入密码" class="upwd"><span></span><br>
                        <a>密码由6-32位字符组成，建议由于数字、英文、字母组合</a>
                     </p>
                     <p><input name="upwds" placeholder="确认密码" class="bomm"><span></span></p>
                     <p><div class="register">注册</div> </p>
                     <p><input class="check" type="checkbox">我已阅读并同意<span> 匹克会员注册协议</span>或<span>隐私政策</span></p>
                  </form>
               </div>
            </div>
         </div>
      </div>
   </main>



   <!-- footer开始 -->
   <div class="footer">
      <div class="footer1">
         <!-- footer第一层 -->
         <div class="footerbx ">
            <div class="footer-wrapper clearfix">
               <div class="footer-icon clearfix">
                  <img src="images/index/pximg/foot-icon1.png" />
                  <span>防伪查询</span>
               </div>
               <div class="footer-icon clearfix">
                  <img src="images/index/pximg/foot-icon2.png" />
                  <span>满99元包邮</span>
               </div>
               <div class="footer-icon clearfix">
                  <img src="images/index/pximg/foot-icon3.png" />
                  <span>7天无理由退货</span>
               </div>
               <div class="footer-icon clearfix">
                  <img src="images/index/pximg/foot-icon4.png" />
                  <span>品牌直营</span>
               </div>
               <div class="footer-icon clearfix">
                  <img src="images/index/pximg/foot-icon5.png" />
                  <span>团购服务</span>
               </div>
            </div>
         </div>
      </div>
      <!-- footer 第二部分 -->
      <div class="footer2">
         <div class="footer2bx ">
            <div class="honor ">
               <div class="cbg-clear1">
                  <div class="cbg-clear">
                     <a class="honor-label">购物相关</a>
                     <a href="#">新手帮助</a>
                     <a href="#">购物指南</a>
                  </div>
                  <div class="cbg-clear">
                     <a class="honor-label">售后服务</a>
                     <a href="#">正品验证</a>
                     <a href="#">退货换货</a>
                     <a href="#">查看物流</a>
                  </div>
                  <div class="cbg-clear">
                     <a class="honor-label ">会员服务</a>
                     <a href="#">关于抵用券</a>
                     <a href="#">积分规则</a>
                  </div>
                  <div class="cbg-clear">
                     <a class="honor-label">友情链接</a>
                     <a href="#" target="_blank">匹克官网</a>
                     <a href="#" target="_blank">匹克补货</a>
                     <a href="#" target="_blank">匹克团购通</a>
                     <a href="#" target="_blank">匹克校服</a>
                     <a href="#" target="_blank">匹克品牌</a>
                  </div>
                  <div class="cbg-clear">
                     <a class="honor-label">服务热线</a>
                     <a>售前：0595-2275 0137</a>
                     <a>售后：400-884-8840</a>
                     <a>工作日 9:00-23:00(节假日不休息)</a>
                  </div>

                  <div class="a-link">
                     <img src="images/index/pximg/foot-qrcode.jpg" />
                     <a>匹克微服务</a>
                  </div>
                  <div class="a-link1">
                     <img src="images/index/pximg/foot-qrcode.jpg" />
                     <a style="text-align: center;">匹克官方商城<br>微信公众号</a>
                  </div>
                  <div class="last">
                     <img src="images/index/pximg/foot-qq.png" />
                     <div class="vip-wrapper">
                        <p class="">VIP粉丝群</p>
                        <span> <a>福利</a>|<a>活动</a>|<a>新品</a></span>

                        <a
                           href="https://shang.qq.com/wpa/qunwpa?idkey=1fc72197f753279c1ae6bfc97d9a2786b8669cb8b4caf561038e19cb3b2237b8">
                           <div>立即加入</div>
                        </a>
                     </div>
                  </div>

               </div>
            </div>

         </div>
         <div class="footer-bottom">
            <a ><img src="images/dita/img/morelogo6.png" alt="" /></a>
            <a><img src="images/dita/img/foot-website2.jpg" alt="" /></a>
            <a><img src="images/dita/img/baozhang.bmp" alt="" /></a>
            <a><img src="images/dita/img/xchinapay.png" alt="" /></a>
            <p>Copyright© 2014-匹克网方网店 版权所有 | 闽ICP备11009488号-6 移动统计</p>
         </div>
      </div>
   </div>
   <!-- 侧边栏 -->
   <ul class="box2">
      <li><img src="images/index/pximg/icon-s-item1.png" alt=""></li>
      <li class="user-btn3 "><img src="images/index/pximg/icon-s-item2.png" alt="">购物车</li>
      <li><img src="images/index/pximg/icon-s-item9.png" alt=""></li>
      <li><img src="images/index/pximg/icon-s-item3.png" alt=""></li>
      <li><img src="images/index/pximg/icon-s-item5.png" alt=""></li>
      <li class="list4"><img src="images/index/pximg/icon-s-item8.png" alt=""></li>

   </ul>

</body>
<script src="./js/login.js"></script>

</html>